<template>
  <div v-loading="floorRoomSign">
    <div class="checkin_info_summary specifications">

      <common ref="common" @refreClosing="unRoom" :type="type" :roomId="info.floorRoomEntity.id"
        @refreYuShouListFinanceBtn="yushouqlistBtnVa"></common>
      <yushouqlist v-if="yushouqlistVisible" ref="yushouqlist" @refreClosing="unRoom"></yushouqlist>

      <el-divider></el-divider>

      <el-row>
        <el-col :span="10">
          <el-card class="box-card">
            <div slot="header" class="clearfix"><span>房间信息</span></div>
            <el-form label-width="80px">
              <el-form-item label="房间号">
                <span>{{ info.floorRoomEntity.roomSign }}{{ info.floorRoomEntity.roomNum }}</span>
                <el-button type="primary" plain size="mini" round v-if="info.peopleEntity.state == 1 && isAuth('hotel:thotelfloorroomcheckinpeople:change_room')" style="margin-left: 10px;cursor: pointer;" @click="changeRoom(info.floorRoomEntity)">换房</el-button>
              </el-form-item>
              <el-form-item label="房间类型">
                <span>{{ info.roomEntity.name }}</span>
              </el-form-item>
              <el-form-item label="房间单价">
                <span>{{ priceMap[today] ? priceMap[today] : currData }}</span>
                <el-button type="primary" plain size="mini" round v-if="info.peopleEntity.state == 1 && isAuth('hotel:thotelfloorroomcheckinpeople:change_peice')" style="margin-left: 10px;" @click="changePrice({...info.peopleEntity,days:info.singleEntity.days})">改价</el-button>
              </el-form-item>
            </el-form>
          </el-card>

          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span>入住人信息</span>
              <el-button v-if="isAuth('hotel:thotelfloorroomcheckinpeople:save1')" style="float: right; padding: 3px 0" :disabled="info.peopleEntity.state != 1" type="text" @click="addOrUpdateHandle(info.peopleEntity.id)">修改</el-button>
            </div>
            <el-form label-width="80px">
              <el-row>
                <el-col :span="12">
                  <el-form-item label="客人姓名">
                    <span>{{ info.peopleEntity.name ? info.peopleEntity.name : '--' }}</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="客人性别">
                    <span>{{ info.peopleEntity.sex == 1 ? '男' : '女' }}</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="证件类型">
                    <span>{{ info.peopleEntity.typename ? info.peopleEntity.typename : '--'}}</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="联系方式">
                    <span>{{ info.peopleEntity.tel ? (info.peopleEntity.tel=='null'?'--':info.peopleEntity.tel)  : '--'}}</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="证件号码">
                    <span>{{ info.peopleEntity.certificatesNumber ? info.peopleEntity.certificatesNumber : '--' }}</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="客人地址">
                    <span>{{ info.peopleEntity.address ? info.peopleEntity.address : '--'}}</span>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-form>
          </el-card>
        </el-col>
        <el-col :span="14">
          <el-card class="box-card">
          <div slot="header" class="clearfix"><span>订价信息</span></div>
            <el-form label-width="80px" :disabled="info.peopleEntity.state != 1">

              <el-row>
                <el-col :span="12">
                  <el-form-item label="接待单号">
                    <span>{{ info.singleEntity.sysNo }}</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12" v-if="info.singleEntity.oldReserveNo">
                  <el-form-item label="预定单号">
                    <span>{{ info.singleEntity.oldReserveNo }}</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="客人类型">
                    <span v-if="info.singleEntity.sourceType == 0">散客</span>
                    <span v-if="info.singleEntity.sourceType == 1">会员</span>
                    <span v-if="info.singleEntity.sourceType == 2">协议单位</span>
                    <span v-if="info.singleEntity.sourceType == 3">中介</span>

                    <span class="el-icon-edit" v-if="info.peopleEntity.state == 1" style="cursor: pointer;" @click="editSourceType(info.singleEntity.id,info.floorRoomEntity.id)"></span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                </el-col>
                <el-col :span="12">
                  <el-form-item label="担保方式">
                    <el-select v-model="info.singleEntity.guaranteeType" @change="updatesingle" placeholder="请选择">
                      <el-option v-for="item in guaranteeTypeOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="销售员">
                    <el-select v-model="info.singleEntity.saleId" filterable @change="updatesingle" placeholder="销售员">
                      <el-option v-for="item in tmarketingList" :key="item.id" :label="item.name" :value="item.id">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="入住时间">
                    <span>{{ info.singleEntity.arrivalsTime }}</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="入住类型">
                    <span v-if="info.singleEntity.checkinType == 0">全天</span>
                    <span v-if="info.singleEntity.checkinType == 1">时租</span>
                    <span v-if="info.singleEntity.checkinType == 2">自用</span>
                    <span v-if="info.singleEntity.checkinType == 3">免费</span>
                    <span v-if="info.singleEntity.checkinType == 4">长包</span>
                    <span class="el-icon-edit" style="cursor: pointer;" v-if="info.peopleEntity.state == 1 && isAuth('hotel:thotelfloorroomcheckinsingle:change_type')" @click="editCheckinType(info.singleEntity.id,info.floorRoomEntity.id,info.peopleEntity.arrivalsTime)"></span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="离店时间">
                    <span>{{ info.singleEntity.predissociationTime }}</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="入住天数">
                    <span>{{ info.singleEntity.days }}</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="客源类别">
                    <el-select v-model="info.singleEntity.sourceAgreenid" @change="updatesingle" placeholder="请选择">
                      <el-option v-for="item in userly" :key="item.id" :label="item.label" :value="item.id">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="房价方案" v-if="info.singleEntity.checkinType != 2">
                    <el-select @clear="handleSelect" clearable @change="handleSelect" v-model="info.singleEntity.schemeId"
                      filterable remote reserve-keyword placeholder="名称/编号/手机号" :remote-method="querySearchAsync"
                      :loading="dataListLoadings">
                      <el-option v-for="item in listrestaurantsa" :key="item.id" :label="item.value" :value="item.id"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-form>
          </el-card>
          <el-card class="box-card">
            <div slot="header" class="clearfix"><span>可选设置</span></div>
            <el-form label-width="150px" v-model="foomForm" :disabled="info.peopleEntity.state != 1">
              <el-form-item :label='"("+info.floorRoomEntity.roomSign+info.floorRoomEntity.roomNum+")房间叫早提醒"'>
                <span v-for="(item,i) in foomForm.time" style="border: 1px solid #f24e4c;padding: 3px;    margin-right: 7px;">
                  {{item}}
                  <i class="el-icon-close && isAuth('hotel:thotelfloorroomcheckinpeople:updateTime')" @click="closeBytime(i)"></i>
                </span>

                <label @click="showTime" v-if="info.peopleEntity.state == 1">添加时间</label>
              </el-form-item>
              <el-form-item label="其他设置">
                <el-checkbox label="1" v-model="foomForm.ddisturb" @change="saveT">免打扰</el-checkbox>
                <el-checkbox label="1" v-model="foomForm.dquery" @change="saveT">免查询</el-checkbox>
                <el-checkbox label="1" v-model="foomForm.hhousePrices" @change="saveT">隐藏房价</el-checkbox>
              </el-form-item>
              <el-form-item label="备注">
                <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="info.singleEntity.remarks" @change="updatesingle">
                </el-input>
              </el-form-item>
            </el-form>
          </el-card>
        </el-col>
      </el-row>
    </div>
    <changeRoom v-if="changeRoomVisible" ref="changeRoom" @refreClosing="unRoom" @refreshDataList="getInfo()"></changeRoom>
    <changePrice v-if="changePriceVisible" ref="changePrice" @refreClosing="unRoom" @refreshDataList="getInfo()"></changePrice>
    <changeType v-if="changeTypeVisible" ref="changeType" @refreClosing="unRoom" @refreshDataList="getInfo()"></changeType>
    <changeSource v-if="changeSourceVisible" ref="changeSource" @refreClosing="unRoom" @refreshDataList="getInfo()"></changeSource>
    <!-- 弹窗, 新增 / 修改 -->
    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="unRoom"></add-or-update>

    <el-dialog class="tianjiajioazao" title="添加叫早" :visible.sync="showTimes" v-if="showTimes" style="overflow-y: hidden;">

    <el-row>
      <el-col :span="4" style="text-align: bottom;">
        <span>时间：</span>
      </el-col>
      <el-col :span="20">
        <el-date-picker format="MM/dd HH:mm" type="datetime" v-model="dtime">
        </el-date-picker>
      </el-col>
    </el-row>



      <div slot="footer" class="dialog-footer">
        <el-button @click="cancelReturn()">取 消</el-button>
        <el-button type="primary" @click="saveBytime()">保 存</el-button>
      </div>

    </el-dialog>

    <el-dialog title="选择协议" :visible.sync="showagreement" v-if="showagreement" :append-to-body="true">
      <el-table :data="agreementdataList" border="" v-loading="dataListLoading" style="width: 100%;">
        <el-table-column type="selection" header-align="center" align="center" width="80"></el-table-column>
        <el-table-column prop="typeName" header-align="center" align="center" label="协议类型"></el-table-column>
        <el-table-column prop="name" header-align="center" align="center" label="协议主题"></el-table-column>
        <el-table-column prop="no" header-align="center" align="center" label="协议单号"></el-table-column>
        <el-table-column prop="qyTime" header-align="center" align="center" label="签约时间"></el-table-column>
        <el-table-column prop="discount" header-align="center" align="center" label="折扣值"></el-table-column>
        <el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
          <template slot-scope="scope">
            <el-button type="text" size="small" @click="updateAgerembyxieyi(scope.row)">选择</el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageIndex"
        :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="agreementpagesum" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
    </el-dialog>



  </div>
</template>

<script>
  import moment from 'moment';
  import common from './common';
  import changeRoom from './changeRoom';
  import addOrUpdate from './peopleset';
  import yushouqlist from './yushouqlist';
  import changePrice from './changePrice';
  import changeType from './changeType';
  import changeSource from './specifications/changeSource';
  export default {
    props: ['type'],
    data() {
      return {
        dtime: '',
        zjlxlist: [],
        foomForm: {
          id: '',
          dremarks: '',
          hhousePrices: false,
          dquery: false,
          ddisturb: false,
          time: []
        },
        sourceTypeOptions: [{
            label: '散客',
            value: 0
          },
          {
            label: '会员',
            value: 1
          },
          {
            label: '协议单位',
            value: 2
          },
          {
            label: '中介',
            value: 3
          }
        ],
        userly: [],
        guaranteeTypeOptions: [{
            label: '无担保',
            value: 0
          },
          {
            label: '有担保',
            value: 1
          },
          {
            label: 'OTA担保',
            value: 2
          }
        ],
        currData: '',
        ruzhangVisible: false,
        floorRoomSign: false,
        addOrUpdateVisible: false,
        changeRoomVisible: false,
        changeSourceVisible: false,
        changePriceVisible: false,
        changeTypeVisible: false,
        popInfo: {},
        yushouqlistVisible: false,
        today: moment().format('YYYY-MM-DD'),
        priceMap: {},
        priceDateList: [],
        showTimes: false,
        schemeIds: '',
        info: {
          peopleEntity: {},
          singleEntity: {},
          floorRoomEntity: {},
          roomEntity: {}
        },
        listrestaurantsa: [],
        dataListLoadings: false,
        restaurantsquert: [],
        sellerMenberOp: [],
        restaurants: [],
        listrestaurants: [],
        agreementdataList: [],
        agreementpagesum: '',
        showagreement: false,
        dataListLoading: false,
        pageIndex: 1,
        pageSize: 10,
        selectSellerMenber: {},
        agreemxyrows: {},
        tmarketingList: []
      };
    },
    components: {
      common,
      changeRoom,
      changePrice,
      changeSource,
      changeType,
      yushouqlist,
      addOrUpdate
    },
    methods: {
      editSourceType(singleId, floorRoomId) {
        this.changeSourceVisible = true;
        this.$nextTick(() => {
          this.$refs.changeSource.init(singleId, floorRoomId);
        })
      },
      remoteMethod(query) {
        this.loading = true;
        this.$http({
          url: this.$http.adornUrl('/hotel/hotelmemberleveldetail/list'),
          method: 'get',
          params: this.$http.adornParams({
            page: 1,
            limit: 999,
            ruzhuQuery: query
          })
        }).then(({
          data
        }) => {
          if (data && data.code === 0) {
            console.log(data);
            this.sellerMenberOp = data.page.records;
          } else {
            this.sellerMenberOp = [];
          }
          this.loading = false;
        });
      },
      sellerxieyiChange(value) {
        this.listrestaurants = [];
        var restaurants = this.restaurants;
        for (var i = 0; i < this.restaurants.length; i++) {
          var demo = restaurants[i].values;
          if (demo.indexOf(value) != -1) {
            this.info.singleEntity.agreemId = restaurants[i].id
            this.getagreementByxieyi();
            this.listrestaurants.push(restaurants[i]);
          }
        }
      },
      getList() {
        this.$http({
          url: this.$http.adornUrl('/hotel/agreement/getdropdown'),
          method: 'post',
        }).then(({
          data
        }) => {
          this.restaurants = data.list;
          this.listrestaurants = data.list;
        });
      },
      sizeChangeHandle(val) {
        this.pageSize = val;
        this.pageIndex = 1;
        this.getagreementByxieyi();
      },
      // 当前页
      currentChangeHandle(val) {
        this.pageIndex = val;
        this.getagreementByxieyi();
      },
      updateAgerembyxieyi(row) {

        this.agreemxyrows = row;

        this.getxieyimoney(this.addRoomsList, row.id);
        this.info.singleEntity.agreemCustomerId = row.id;
        this.showagreement = false;
      },
      getagreementByxieyi() {
        this.agreementFrom.agreementId = this.info.singleEntity.agreemId;
        this.agreementFrom.limit = this.pageSize;
        this.agreementFrom.page = this.pageIndex;
        this.$http({
          url: this.$http.adornUrl('/hotel/agreement-customer/list'),
          method: 'get',
          params: this.agreementFrom
        }).then(({
          data
        }) => {
          if (data && data.code === 0) {

            this.agreementdataList = data.page.list;
            this.agreementpagesum = data.page.sum;
            this.showagreement = true;
            this.dataListLoading = false;
          } else {
            this.agreementdataList = [];
            this.agreementpagesum = 0;
          }
          this.dataListLoading = false;
        });
      },
      editCheckinType(id, floorRoomId,arrivalsTime) {
        this.changeTypeVisible = true;
        this.$nextTick(() => {
          this.$refs.changeType.init(id, floorRoomId,arrivalsTime);
        })
      },
      getDataListtmark() {
        this.$http({
          url: this.$http.adornUrl('/hotel/tmarketingmanagement/list'),
          method: 'get',
          params: this.$http.adornParams({
            'page': 1,
            'limit': 9999,
            'status': '1',
          })
        }).then(({
          data
        }) => {
          if (data && data.code === 0) {
            this.tmarketingList = data.page.list
          } else {
            this.tmarketingList = []
          }
        })
      },
      zjlx() {
        this.$comReq.reqDictionaryData("document_type")
          .then(({
            data
          }) => {
            this.zjlxlist = data.page.list
          })
      },
      getagreementType(type) {
        this.$http({
          url: this.$http.adornUrl('/hotel/thotelagreementtype/list'),
          method: 'get',
          params: this.$http.adornParams({
            page: 1,
            limit: 999,
            type: type
          })
        }).then(({
          data
        }) => {
          this.userly = data.page.list;
        });
      },
      getschemelist() {
        this.$http({
          url: this.$http.adornUrl('/hotel/thotelfloorscheme/listArray'),
          method: 'get',
          params: this.$http.adornParams({
            page: 1,
            limit: 999,
            type: this.info.singleEntity.sourceAgreenid
          })
        }).then(({
          data
        }) => {
          if (data && data.code === 0) {
            this.restaurantsquert = data.page.list;
            this.listrestaurantsa = data.page.list;
          } else {
            this.restaurantsquert = [];
          }
        });

      },
      querySearchAsync(value) {

        this.listrestaurantsa = [];
        console.log(value);
        var restaurants = this.restaurantsquert;
        for (var i = 0; i < restaurants.length; i++) {
          var demo = restaurants[i].label;
          if (demo.indexOf(value) != -1) {
            this.dataListLoadings = true;
            this.listrestaurantsa.push(restaurants[i]);
          }

        }
        if (value == '') {
          this.listrestaurantsa = this.restaurantsquert;
        }
        this.dataListLoadings = false;
      },
      selec() {

        if (this.info.singleEntity.sourceType == 1 && this.info.singleEntity.sourceName != null) {
          this.sellerMenberChange(this.info.singleEntity.sourceName);
        } else {
          this.handleSelect();
        }
      },
      sellerMenberChange(value) {
        console.log(value);
        var arr = this.sellerMenberOp.filter(item => item.id == value);
        this.selectSellerMenber = arr[0];
        //this.handleSelect();
      },
      handleSelect() {
        if (this.info.singleEntity.sourceType == 1 && this.info.singleEntity.sourceName != null || this.info.singleEntity
          .sourceType == 0) {
          this.info.singleEntity.roomid = this.info.floorRoomEntity.roomId;
          this.info.singleEntity.floorRooms = this.info.floorRoomEntity.id;
          this.$http({
            url: this.$http.adornUrl(
              `/hotel/thotelfloorroomcheckinsingle/updatefjfa`
            ),
            method: "post",
            data: this.info.singleEntity
          }).then(({
            data
          }) => {
            if (data && data.code === 0) {
              this.getInfo();
              this.$nextTick(() => {
                this.$refs.common.init(this.popInfo);
              });
              // this.$message({
              //   message: "操作成功",
              //   type: "success",
              //   duration: 1500,
              //   onClose: () => {
              //     this.getInfo();
              //     this.$nextTick(() => {
              //       this.$refs.common.init(this.popInfo);
              //     });
              //   }
              // });
            } else {
              this.$message.error(data.msg);
            }
          });
        }

      },
      updatesingle() {
        this.$http({
          url: this.$http.adornUrl(
            `/hotel/thotelfloorroomcheckinsingle/update`
          ),
          method: "post",
          data: this.info.singleEntity
        }).then(({
          data
        }) => {
          if (data && data.code === 0) {
            this.$message({
              message: "操作成功",
              type: "success",
              duration: 1500,
              onClose: () => {
                this.getInfo();
              }
            });
          } else {
            this.$message.error(data.msg);
          }
        });
      },
      getTimeFn() {
        const date = new Date();
        date.setTime(date.getTime() + 3600 * 1000 * 24);
        var month = date.getMonth() + 1; //获取当前月份(0-11,0代表1月)
        var day = date.getDate(); //获取当前日(1-31)
        if (month < 10) {
          month = "0" + month;
        }
        if (day < 10) {
          day = "0" + day;
        }
        this.dtime = month + "/" + day + " 07:00";
      },
      saveBytime() {
        if (this.dtime.constructor == Date) {
          var month = this.dtime.getMonth() + 1; //获取当前月份(0-11,0代表1月)
          var day = this.dtime.getDate(); //获取当前日(1-31)
          if (month < 10) {
            month = "0" + month;
          }
          if (day < 10) {
            day = "0" + day;
          }
          var h = this.dtime.getHours(); // 获取当前小时数(0-23)
          var s = this.dtime.getMinutes(); // 获取当前分钟数(0-59)
          if (h < 10) {
            h = "0" + h;
          }
          if (s < 10) {
            s = "0" + s;
          }
          var dateString = month + "/" + day + " " + h + ":" + s;
          this.dtime = dateString;
        }
        if (this.foomForm.time == null) {
          this.foomForm.time = [];
        }
        this.foomForm.time.push(this.dtime);
        this.saveT();
      },
      saveT() {
        this.foomForm.id = this.popInfo.id;
        this.$http({
          url: this.$http.adornUrl(
            `/hotel/thotelfloorroomcheckinpeople/updateTime`
          ),
          method: "post",
          data: this.foomForm
        }).then(({
          data
        }) => {
          if (data && data.code === 0) {
            this.$message({
              message: "操作成功",
              type: "success",
              duration: 1500,
              onClose: () => {
                this.cancelReturn();
              }
            });
          } else {
            this.$message.error(data.msg);
          }
        });
      },
      cancelReturn() {
        this.dtime = '';
        this.showTimes = false;
      },
      closeBytime(i) {
        this.foomForm.time.splice(i, 1)
        this.saveT();
      },
      // 新增 / 修改
      addOrUpdateHandle(id) {
        this.addOrUpdateVisible = true
        this.$nextTick(() => {
          this.$refs.addOrUpdate.init(id)
        })
      },
      yushouqlistBtnVa() {
        console.log(1)
        this.yushouqlistVisible = true;
        this.$nextTick(() => {
          this.$refs.yushouqlist.init(this.popInfo);
        });
      },
      //换房
      changeRoom(item) {
        var money = this.priceMap[this.today] ? this.priceMap[this.today] : this.currData
        item["moneyday"] = money;
        item["dh"] = this.info.peopleEntity.ruzhuNo;
        this.changeRoomVisible = true;
        this.$nextTick(() => {
          this.$refs.changeRoom.init({
            ...item,
            peopleId: this.info.peopleEntity.id,
            prices: this.info.peopleEntity.sign,
          });
        });
      },
      //改价
      changePrice(item) {
        console.log(moment(item.predissociationTime).diff(moment(), 'days'))
        // if (moment(item.predissociationTime).format("YYYY-MM-DD") == moment().format("YYYY-MM-DD")) {
        //   this.$message.error('请先续住');
        // } else if (moment(item.predissociationTime).diff(moment(), 'days') <= 0) {
        //   this.$message.error('请先续住');
        // } else {
          this.changePriceVisible = true;
          this.$nextTick(() => {
            this.$refs.changePrice.init(item);
          });
      //  }
      },
      unRoom() {
        this.$emit('refreClosing');
      },
      init(pop) {
        this.popInfo = pop;
        this.zjlx();
        this.getInfo();
        this.getagreementType("userly");
        this.getDataListtmark();
        this.remoteMethod("");

        this.$nextTick(() => {
          this.$refs.common.init(pop);
        });
      },
      showTime() {
        this.getTimeFn();
        this.showTimes = true;
      },
      async getInfo() {
        this.floorRoomSign = true;
        this.$http({
          url: this.$http.adornUrl(`/hotel/thotelfloorroomcheckinsingle/pop_single/${this.popInfo.id}`),
          method: 'get',
          params: this.$http.adornParams()
        }).then(({
          data
        }) => {
          this.floorRoomSign = false;
          if (data && data.code === 0) {
            this.info.peopleEntity = data.data.peopleEntity;

            this.foomForm = data.data.CheckinPeopleEntity;
            if (this.foomForm != null) {
              if (this.foomForm.hhousePrices == "true") {
                this.foomForm.hhousePrices = true;
              } else {
                this.foomForm.hhousePrices = false;
              }
              if (this.foomForm.dquery == "true") {
                this.foomForm.dquery = true;
              } else {
                this.foomForm.dquery = false;
              }
              if (this.foomForm.ddisturb == "true") {
                this.foomForm.ddisturb = true;
              } else {
                this.foomForm.ddisturb = false;
              }
            }
            this.priceMap = data.data.priceMap;
            this.priceDateList = data.data.priceDateList;
            this.info.singleEntity = data.data.singleEntity;
            this.info.floorRoomEntity = data.data.floorRoomEntity;
            this.info.roomEntity = data.data.roomEntity;
            if (this.info.singleEntity.saleId != null && this.info.singleEntity.saleId != '') {
              this.info.singleEntity.saleId = parseInt(this.info.singleEntity.saleId)
            }
            if (this.info.singleEntity.sourceName != null && this.info.singleEntity.sourceName != '') {
              this.info.singleEntity.sourceName = parseInt(this.info.singleEntity.sourceName)
            }
            console.log(this.info.singleEntity)
            // this.sellerMenberChange();
            this.getschemelist();
            this.currData = this.priceMap[moment(this.info.peopleEntity.arrivalsTime).format('YYYY-MM-DD')];
          } else {
            this.$message.error(data.msg);
          }
        });
      }
    }
  };
</script>

<style>
  .checkin_info_summary table th {
    padding-top: 15px;
    color: #666;
    text-align: center;
  }

/* .checkin_info_summary table tr th:last-of-type {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background: #f24e4c;
    color: #fff;
  }

  .checkin_info_summary table tr td:last-of-type {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #f24e4c;
    color: #fff;
  } */

  .checkin_info_summary table td {
    height: 48px;
    color: #151515;
    text-align: center;
  }

  .el-dialog__body {
    max-height: 70vh;
    overflow-y: auto;
  }

  .specifications .box-card {
    width: 99%;
    margin-bottom: 8px;
    margin-top: 8PX;
  }
</style>

<style lang="scss" scoped>
  .el-form-item {
    /deep/ .el-form-item__content {
      color: #17B3A3;
    }
  }
  .tianjiajioazao /deep/ .el-dialog {
    width: 300px;
    .el-dialog__body {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
    }
  }
  @media (max-width: 1400px) {
    .tianjiajioazao /deep/ .el-dialog {
      width: 300px;
    }
  }
</style>
